<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>MT10KT</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
	<script type = "text/javascript" src = "./js/jquery-1.9.1.js"></script>
	<script type = "text/javascript" src = "./js/bootstrap.js"></script>
	
	<link rel = "stylesheet" type = "text/css" href = "./css/bootstrap.css">
    <link href="css/bootstrap.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="screen,print" />
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
    </style>
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">MT10KT</a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right">
              Logged in as <a href="login.html" class="navbar-link">Username</a>
            </p>
            <ul class="nav">
						  <li>    <form class="navbar-search pull-left">
    <input type="text" class="search-query" placeholder="Search">
    </form></li>
              <li class="active"><a href="#">Trang chủ</a></li>

              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Giới thiệu <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Danh sách lớp</a></li>
                  <li><a href="#">Giáo viên chủ nhiệm</a></li>
                  <li><a href="#">Danh sách cán sự</a></li>
                </ul>
              </li>

              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tin tức <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Tin nội bộ</a></li>
                  <li><a href="#">Tin xã hội</a></li>

                </ul>
              </li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Thông báo <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Học vụ</a></li>
				  <li><a href="#">Hoạt động sinh viên</a></li>

                </ul>
              </li>
			  <li><a href="#about">Liên hệ</a></li>

            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
//
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header"><h5>Tiêu điểm</h5></li>
              <li class="active"><a href="#"><h6><i class="icon-hand-right"></i>Đại học Quốc gia công bố Quyết định bổ nhiệm Phó Hiệu trưởng...</h6></a></li>
              <li><a href="#"><h6><i class="icon-hand-right"></i>Tiếp Viện khảo thí giáo dục Hoa Kỳ (ETS) (14g00-04/3-tại P.103 A5)</h6></a></li>
              <li><a href="#"><h6><i class="icon-hand-right"></i>Phỏng vấn ứng viên cho học bổng NTUST (10g00-07/3-tại P.103 A5)</h6></a></li>
              <li><a href="#"><h6><i class="icon-hand-right"></i>Tiếp Nakhon Phanon University (9g00-8/3-tại P.103 A5)</h6></a></li>
              <li class="nav-header"><h5>Các đơn vị trực thuộc</h5></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><h6><i class="icon-hand-right"></i>KHOA - TRUNG TÂM ĐÀO TẠO</h6> <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li class="nav-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><h6><i class="icon-hand-right"></i>PHÒNG - BAN CHỨC NĂNG</h6> <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li class="nav-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><h6><i class="icon-hand-right"></i>TRUNG TÂM KHOA HỌC CÔNG NGHỆ</h6> <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li class="nav-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li
              <li class="nav-header"><h5>Website liên kết</h5></li>
              <li><a href="#"><h6><i class="icon-hand-right"></i>Trường Đại Học Bách Khoa Tp.HCM</h6></a></li>
              <li><a href="#"><h6><i class="icon-hand-right"></i>BKHCM Forum</h6></a></li>
              <li><a href="#"><h6><i class="icon-hand-right"></i>Phòng Đào Tạo</h6></a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
        <div class="span9"><!--Tin tức-->
			
		  
          <div class="row-fluid">
			<ul class="nav nav-tabs">
			<li><h4>Tin nội bộ</h4></li>
			</ul>
			
			<h5>Chương trình học bổng Đại học Thammasat - Thái Lan</h5>
			<i class="icon-file"></i><a href="./file/2013_03_12_HB_CT_DH_Thammasat_ThaiLan0001.pdf" target="_blank"> 2013_03_12_HB_CT_DH_Thammasat_ThaiLan0001.pdf</a>
			<h5>Lịch khám sức khỏe định kì 2013</h5>
			<i class="icon-file"></i><a href="./file/2013_03_12_KSKdinhky_K09_110001.pdf" target="_blank"> 2013_03_12_KSKdinhky_K09_110001.pdf</a>
			<h5>Thu học phí học kì II năm học 2012-2013</h5>
			<i class="icon-file"></i><a href="./file/2013_02_27_LichthuHP_D1_HK122.png" target="_blank"> 2013_02_27_LichthuHP_D1_HK122.png</a>
			<br>
			<br>
			<ul class="nav nav-tabs">
			<li><h4>Tin CNTT</h4></li>
			</ul>
			<!--SLIDE =================================== -->
		    <div id="myCarousel" class="carousel" style="width:700px;height:400px">

				<!-- Carousel items -->
				<div class="carousel-inner">
				<div class="active item">
					<img src="./img/qtsc_iday2013.jpg" style="width:700px;height:400px">
                    <div class="carousel-caption">
						<h4><a href="file:///D:/Nhom2-cnpm/Web_MT10KT/Tin%20t%E1%BB%A9c_iDay2013.html">Ngày hội iDay 2013</a></h4>
						<p>Bạn đang phân vân không biết mình sẽ đi về đâu sau khi ra trường? Những kỹ năng nào bạn cần có khi ra trường để chinh phục nhà tuyển dụng? Là một dân kỹ thuật chính hiệu, bạn không biết mình có đủ khả năng để bước chân vào con đường kinh doanh hay trở thành CEO của một tập đoàn lớn hay không?</p>
					</div>
				</div>
				<div class="item">
					<img src="./img/luoi_cam_bien_dan_len_da.jpg" style="width:700px;height:400px">
                    <div class="carousel-caption">
						<h4><a href="">Đại học Illinois phát triển lưới cảm biến có thể dán trực tiếp lên da</a></h4>
						<p>Các nhà nghiên cứu tại Đại học Illinois đã phát triển nên một loại lưới điện tử có thể dán trực tiếp vào da của chúng ta, giống như các hình xăm vậy. Thiết bị này nhìn giống như một chiếc băng keo cá nhân và nó chứa rất nhiều điện cực, cảm biến, thậm chí có cả nguồn điện và hệ thống truyền dữ liệu không dây...</p>
					</div>				
				</div>
				<div class="item">
					<img src="./img/google-glass.jpg" style="width:700px;height:400px">
                    <div class="carousel-caption">
						<h4><a href="">Google trình diễn nhiều ứng dụng cho Google Glass: đọc tin tức, Gmail, Evernote, Skitch,...</a></h4>
						<p>Tại hội nghị SXSW 2013 đang diễn ra, Google đã trình diễn một số ứng dụng dành cho Google Glass mà hãng đang phát triển. Trong đó, có một app được Google bắt tay với tờ báo New York Times xây dựng...</p>
					</div>				
				</div>
				<div class="item">
					<img src="./img/IE10Flash.jpg" style="width:700px;height:400px">
                    <div class="carousel-caption">
						<h4><a href="">Microsoft bắt đầu mang Flash trở lại với trình duyệt Internet Explorer 10 phiên bản Modern</a></h4>
						<p>Microsoft mới vừa đây đã chính thức cho biết hãng sẽ mang Flash trở lại với trình duyệt Internet Explorer 10 trên cả hai phiên bản hệ điều hành là Windows 8 và Windows RT. Như vậy điều này đồng nghĩa với việc, với bản IE10 cập nhật tiếp theo...</p>
					</div>				
				</div>
				<div class="item">
					<img src="./img/bb_z10.png" style="width:700px;height:400px">
                    <div class="carousel-caption">
						<h4><a href="">BlackBerry Z10 bắt đầu được bán tại Mỹ, 550$ cho bản không khoá mạng</a></h4>
						<p>Sau nhiều tháng chờ đợi thì cuối cùng người Mỹ cũng đã có thể mua BlackBerry Z10, máy được phân phối thông qua nhà mạng AT&T. Mức giá cho phiên bản không khoá mạng là 550$...</p>
					</div>				
				</div>				
				</div>
				<!-- Carousel nav -->
				<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
				<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
			</div>
			<!--end slide-->			
          </div><!--end Tin tuc-->
        </div><!--/span-->
      </div><!--/row-->

      <hr>
	  <center>
	      <form class="form-search">
          <input type="text" class="input-large search-query" placeholder="Khu vực tìm kiếm">
          <button type="submit" class="btn btn-primary">Search </button>
          </form>
	  </center>
    </div><!--/.fluid-container-->
	<div id="footer">
		<div class="fLeft">
			<p>Website lớp MT10KT</p>
			<p>Địa chỉ: 268 - Tô Hiến Thành, Q.10, TP.HCM<br />
				Điện thoại: 01265416342</p>
			<p>Tel : (84-8) 3838 6666 – Fax : (84-8) 3837 6666</p>
			<p>Email: <a href="mailto:support@stu.hcmut.edu.vn">support@stu.hcmut.edu.vn</a></p>
			<!-- / class fLeft --></div>

		<div class="fRight">
		<ul>
			<li><a href="#">Đóng góp</a></li>
			<li class="last"><a href="#">Phản hồi</a></li>
		</ul>
		<p>Copyright (c) 2013 Edit by NTN</p>
		<!-- / class fRight --></div>
		<!-- / id footer --></div>
		<!-- / id layout --></div>
</body>
</html>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	<script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/jquery-1.9.1.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>

  </body>
</html>
